<html>
<title>测试</title>

<head></head>
<link rel="stylesheet" href="http://wumei.live/assets/css/index.css?v=63283ac5ef3618dbfa5fcf82866ca1ea">
<link rel="stylesheet" href="http://wumei.live/assets/css/theme-auto.css?v=63283ac5ef3618dbfa5fcf82866ca1ea">
<style>
    hcfy-result.__hcfy__result__loaded__.__hcfy__result__both__ {
        border: 1px dotted
    }
</style>

<body>
    <div style="background: linear-gradient(303deg, #48c6ef 0%,#6f86d6 71%);text-align:center;color:#fff;padding:50px 0;">
        <!-- 只在移动端显示 -->
        <div class="ui grid">
			<div class="mobile only column sixteen wide">
                <a class="ui green label small" href="">Version 1.2</a>
                <h1 style="font-size:20px;margin-top:10px;">物美智能 - 开源生活物联网平台</h1>
                <div style="margin-top:40px;">
                    <a class="ui button small black" style="margin-bottom:10px;" href="https://github.com/kerwincui/wumei-smart" target="_blank">Github源码</a>
                    <a class="ui button small red" style="margin-bottom:10px;" href="https://gitee.com/kerwincui/wumei-smart" target="_blank">码云源码</a>
                    <a class="ui inverted button small" style="margin-bottom:10px;" href="http://wumei.live/kerwincui/document/wiki/1.-%E7%B3%BB%E7%BB%9F%E8%BF%90%E8%A1%8C" target="_blank">快速开始</a>
                </div>
			</div>
        </div>
        <!-- 只在电脑和平板显示 -->
        <div class="ui grid">
			<div class="computer tablet only column sixteen wide" style="padding:50px 0">
                <a class="ui green label big" href="">Version 1.1</a>
                <h1 style="font-size:42px;margin-top:10px;">物美智能 - 开源生活物联网平台</h1>
				<h1 style="font-size:36px;">wumei smart open source living iot platform</h1>
                <div style="margin-top:40px;">
                    <a class="ui button large black" style="margin-bottom:10px;" href="https://github.com/kerwincui/wumei-smart" target="_blank">Github源码</a>
                    <a class="ui button large red" style="margin-bottom:10px;" href="https://gitee.com/kerwincui/wumei-smart" target="_blank">码云源码</a>
                    <a class="ui inverted button large" style="margin-bottom:10px;" href="http://wumei.live/kerwincui/document/wiki/1.-%E7%B3%BB%E7%BB%9F%E8%BF%90%E8%A1%8C" target="_blank">快速开始</a>
                </div>
			</div>
        </div>
    </div>

    <div class="ui link four doubling cards" style="margin:0 auto;max-width:1200px;margin-top:50px;">
        <div class="card" style="padding-bottom:20px;">
            <div class="image">
                <img src="http://wumei.live/assets/img/things.png" class="ui fluid image">
            </div>
            <div class="content">
                <h1 class="header" style="font-weight:bold;text-align: center;">物模型管理</h1>
                <div class="description">
                    <div class="ui list ordered">
                        <div class="item">属性：描述设备运行时的状态</div>
                        <div class="item">功能：设备可被调用的能力或方法</div>
                        <div class="item">事件：设备主动上报给云端的事件</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card" style="padding-bottom:20px;">
            <div class="image">
                <img src="http://wumei.live/assets/img/scene.png" class="ui fluid image">
            </div>
            <div class="content">
                <h1 class="header" style="font-weight:bold;text-align: center;">场景联动</h1>
                <div class="description">
                    <div class="ui list ordered">
                        <div class="item">早上出门：关门后自动关闭电器</div>
                        <div class="item">中午休息：监测温度打开空调</div>
                        <div class="item">晚上回家：开门后自动打开电器</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card" style="padding-bottom:20px;">
            <div class="image">
                <img src="http://wumei.live/assets/img/hand.png" class="ui fluid image">
            </div>
            <div class="content">
                <h1 class="header" style="font-weight:bold;text-align: center;">多端控制</h1>
                <div class="description">
                    <div class="ui list ordered">
                        <div class="item">通过网页端控制设备</div>
                        <div class="item">通过App端控制设备</div>
                        <div class="item">通过小程序端控制设备</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card" style="padding-bottom:20px;">
            <div class="image">
                <img src="http://wumei.live/assets/img/monitor.png" class="ui fluid image">
            </div>
            <div class="content">
                <h1 class="header" style="font-weight:bold;text-align: center;">控制多端</h1>
                <div class="description">
                    <div class="ui list ordered">
                        <div class="item">监测和控制硬件设备</div>
                        <div class="item">监测和控制手机</div>
                        <div class="item">监测和控制电脑</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div style="margin:100px auto 0 auto;max-width:1200px;">
        <div class="ui divider" style="margin-bottom:40px;"></div>
        <div class="ui stackable three column grid">    
            <div class="column eight wide center">
                <img src="http://wumei.live/assets/img/computer.png" style="height:400px;">
            </div>     
            <div class="column one wide" style="padding:0"></div>   
            <div class="column seven wide">
                <h1 class="ui header">系统功能</h1>
                <p style="line-height:28px;text-align:justify;">
                    1. wumei smart是一个简单易用的生活物联网平台。可用于企业搭建私域物联网，个人学习和搭建自己的智能家居平台，以及手机和电脑的监控。
                </p>
                <p>
                    2. 系统功能：权限管理、系统监控、产品管理、设备管理、EMQ管理、硬件SDK、物模型管理、智能音箱、实时监测、告警、场景联动等功能。
                </p>
                <p>
                    3. 提供Web端和小程序演示，安卓app到源码里面下载
                </p>
                <div style="float:left;width:230px;">
                    <img src="http://wumei.live/assets/img/code.jpg" style="height:200px;">
                </div>
                <div style="float:left;width:200px;padding-top:20px;">
                    <div style="margin-bottom:25px;">扫码查看小程序</div>
                    <div class="ui labeled button mini" style="margin-bottom:15px;">
                        <div class="ui red button mini"><i class="heart icon"></i> Starred</div>
                        <a class="ui basic red left pointing label">3,000+</a>
                    </div>
                    <div class="ui labeled button mini" style="margin-bottom:15px;">
                        <div class="ui teal button mini"><i class="fork icon"></i> Forks</div>
                        <a class="ui basic left pointing teal label"> 1,700+</a>
                    </div>
                    <div class="ui animated fade button green mini" style="margin-bottom:15px;">
                        <div class="visible content"><i class="arrow right icon"></i>在线演示地址</div>
                        <div class="hidden content"><a href="https://iot.wumei.live" target="_blank"
                                style="color:#fff;text-decoration:none;font-weight:bold;">物联网平台</a></div>
                    </div>
                </div>              

            </div>
            

        </div>
    </div>

    <div style="margin:100px auto;max-width:1200px;padding-bottom:100px;">
        <div class="ui divider" style="margin-bottom:40px;"></div>
        <div class="ui stackable three column grid">
            <div class="column eight wide">
                <img src="http://wumei.live/assets/img/sys.png" alt="系统架构图" class="ui fluid image" />
            </div>
            <div class="column one wide" style="padding:0"></div>
            <div class="column seven wide">
                <h1 class="ui header">系统架构</h1>
                <p style="line-height:28px;text-align:justify;">
                    1. 设备接入采用EMQX消息服务器，认证采用EMQX内置的Http认证插件，需要关闭匿名认证。<br /><br />
                    2. 后端采用Spring boot；前端采用Vue；移动端和小程序采用Uniapp；数据库采用Mysql、Redis和TDengine；<br /><br />
                    3. 设备端支持多种硬件SDK生成，例如ESP32、ESP8266、树莓派等；设备模拟器采用Android和Winform框架，不仅能模拟硬件设备，还可以控制和监测电脑、手机。
                </p>
            </div>
        </div>
    </div>


</body>

<script src="http://wumei.live/assets/js/index.js?v=63283ac5ef3618dbfa5fcf82866ca1ea"></script>

</html>